<template>
    <div>
        <div class="crumbs-contnet">
            <el-breadcrumb separator="/" class="crumbs">
            <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item>{{text1}}</el-breadcrumb-item>
            <el-breadcrumb-item>{{text2}}</el-breadcrumb-item>
            </el-breadcrumb>
            <div class="welcome">欢迎你,&nbsp;{{text3}}</div>
            <div class="portrait" @click="a">
                <img :src="img" width="40px" height="40px">
            </div>
        </div>
    </div>
</template>

<script>
export default {
    props:["img","text1","text2","text3"],
    methods:{
      a(){
        this.$router.push("/home/personalcenter")
      }
    }
}
</script>

<style lang=less scoped>
    .crumbs-contnet{
      height:50px;
      display:flex;
      background-color:#fff;
      .crumbs{
        flex:1;
        padding-top:15px;
        padding-left:15px;
      }
      .welcome{
        padding-top:15px;
        font-size:14px;
        color:#666;
      }
      .portrait{
        padding-top:5px;
        padding-right:150px;
        margin-left:5px;
      }
      img{
        border-radius:50%;
      }
    }
</style>